<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/zc_login_css.css" />
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="js/jquery-1.12.1.min.js" type="text/javascript"
	charset="utf-8"></script>
<script src="js/zc_login_js.js" type="text/javascript" charset="utf-8"></script>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
	$(function (){ 
		$("#zc-insert").click(function(){
			$.ajax({
				url:'connection',
				type:'post',
				data:{
					'userid':$("#userid-sf").val(),
					'username':$("#username-nc").val(),
					'userpassword':$("#zckey1").val(),
					'userphone':$("#userphone").val()
				},
				dataType:'json',
				success : function(res){
					if(res==1){
						window.onload().href="index.html";
						
					}
				},
				async :true
			});
		});
	});
</script>
</head>
<body background="img/bg_login.jpg">
	<div id="zc-login-box">
		<form action="" method="post">
			<img src="img/logo_main.png" />
			<ul id="zc-login-box-ul">
				<li class="login-box-li">
				<label for="userid-sf">身份证：</label>
				<input type="text" name="userid" id="userid-sf"
				 class="login-ipt" placeholder="请输入您的身份证号"
					required="required" /></li>
				<li class="login-box-li">
					<label for="username-nc">名称：</label>
					<input type="text" name="username" id="username-nc"
					value="" class="login-ipt" placeholder="请输入您的昵称"
					required="required" /></li>
				<li class="login-box-li">
					<label for="zckey1">密码：</label>
					<input type="password" name="userpassword"
					id="zckey1" value="" class="login-ipt" placeholder="请输入您的密码"
					required="required"  /></li>
				<li class="login-box-li">
					<label for="zckey2">再次输入：</label>
					<input type="password" name="账号"
					id="zckey2" value="" class="login-ipt" placeholder="请再次输入密码"
					required="required" onkeyup="Keyup()" /></li>
				<li class="login-box-li">
					<label for="userphone">手机号：</label>
					<input type="text" name="userphone" id="userphone"
					value="" class="login-ipt" required="required"
					placeholder="请输入您的手机号" /></li>
				<li class="login-box-li">
					<label for="code-in-zc">验证码：</label>
					<input type="text" name=""
					id="code-in-zc" value="" class="login-ipt" required="required"
					placeholder="请输入验证码" /></li>
				<li class="login-box-li"><span id="codeforyz-zc"></span></li>
				<li class="login-box-li">
					<button type="button" id="zc-insert">注册</button>
				</li>
				<li class="login-box-li"><a href="">忘记密码</a> <a href="">登录</a>
				</li>
			</ul>
		</form>
	</div>
</body>
</html>
